
<%@page import="com.qdu.entity.User"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>日志广场</title>
        <script src="js/jquery-3.4.1.min.js"></script>
        <script src="js/jquery.simpleLoadMore.js"></script>
        <!--<link rel="stylesheet" href="css/bootstrap.min.css"/>-->
        <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="css/style.css"/>
        <style>
            body{
                margin: 0px;
                padding: 0px;
            }
/*            #bg{
                background-repeat: repeat-y; 
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                position: absolute;
            }*/
            #part0{
                background-image: url(images/graywall.jpg);
                width: 100%;
                position: relative; top: 0px;
/*                text-align: center;*/
            }
            #part1{
                background-color: white;
                border-radius:10px;           
                /*align-items: center;*/
                /*width: border-box;*/
            }
            #part2{
                background-color: white; 
                border-radius:10px;              
            }
            #part3{
                background-color: white;  
                border-radius:10px;
            }
            #part5{
                    -webkit-transform: scale(0.95);
            }
        </style>
        <style type="text/css">
            .toolbar {
                border: 1px solid #ccc;
            }
            .text {
                border: 1px solid #ccc;
                height: 400px;
            }
        </style>
        
        <script src="js/script.js" charset="UTF-8"></script>
        <script src="js/wangEditor.min.js"></script>
        <script>           
            $(document).ready(function () {

                            $('.some-list').simpleLoadMore({
                              item: 'div.item',
                              count: 5
                               });
                
                $("#btn_pub").click(function () {

                    $.ajax({
                        url: 'ands',
                        type: 'POST',
                        data: {diaryTitle: $("#title").val(), diaryContent: editor.txt.html()},
                        success: function () {
                            alert("发表成功！");
                        },
                        error: function () {
                            alert("error");
                        }
                    });
                });
            });
            
            $("#a_dz").click(function () {

                    $.ajax({
                        url: '',
                        type: 'POST',
                        data: {},
                        success: function () {
                            location.reload()
                            alert("点赞成功");
                        },
                        error: function () {
                            alert("点赞失败");
                        }
                    });
                });
            
//            function reload(jid) {
//
//                //这里调用jQuery的ajax函数实现发送ajax请求，删除一个学生，并删除表格中对应的行
//                $.ajax({
//                    url: '', //请求发送给url为servlet5_2的Servlet
//                    type: 'GET', //请求发送方式可以用GET或POST等
//                    data: {"jid": $("#jid").val()}, //发送一个请求参数，名为srollno，参数值为传入的rollno变量的值
//                    success: function () { //服务器端返回一个true或false的标记值，用于判断是否删除成功
//                            alert("点赞成功");
//                            $("#div_myj").remove(); //删除id为tr学号，如id为tr201720444的tr元素，也就是删除该学生对应的行
//                    },
//                    error: function () { //error属性指定如果请求失败，要调用的函数
//                        alert("点赞失败");
//                    }
//                });
//            }
            
        </script>  <!--导航条-->
    
    <!-- Mobile Specific Metas-->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="telephone=no" name="format-detection">

        <!-- Fonts -->
        <!-- Font awesome - icon font -->
        <link href="static/netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" tppabs="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
        <!-- Roboto -->
        <link href="static/fonts.googleapis.com/css-family=Roboto-400,700.css" tppabs="https://fonts.googleapis.com/css?family=Roboto:400,700" rel='stylesheet' type='text/css'>

        <!-- Stylesheets -->

        <!-- Mobile menu -->
        <link href="css/gozha-nav.css" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/css/gozha-nav.css" rel="stylesheet" />
        <!-- Select -->
        <link href="css/external/jquery.selectbox.css" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/css/external/jquery.selectbox.css" rel="stylesheet" />

        <!-- Custom -->
        <link href="css/style.css-v=1.css" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/css/style.css?v=1" rel="stylesheet" />

        <!-- Modernizr --> 
        <script src="js/external/modernizr.custom.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/external/modernizr.custom.js"></script>

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
        <!--[if lt IE 9]> 
            <script src="../../../cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js" tppabs="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script> 
                    <script src="../../../cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js" tppabs="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>		
        <![endif]-->
    </head>
    <body>
        <%
            User user = new User();
            HttpSession session1 = request.getSession(); 
            user = (User) session1.getAttribute("user");
            String ic = user.getUicon();
            System.out.println("icic:" + ic);
            request.setAttribute("ic", ic);
            String name = user.getUname();
            request.setAttribute("name", name);
        %>
        
        <!-- Header section -->
            <header class="header-wrapper">
                <div class="container">
                    <!-- Logo link-->
                    <a href="index.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/index.html" class="logo">
                        <img alt='logo' src="images/images/logo.png" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/images/logo.png">
                    </a>

                    <!-- Main website navigation-->
                    <nav id="navigation-box">
                        <!-- Toggle for mobile menu mode -->
                        <a href="#" id="navigation-toggle">
                            <span class="menu-icon">
                                <span class="icon-toggle" role="button" aria-label="Toggle Navigation">
                                    <span class="lines"></span>
                                </span>
                            </span>
                        </a>

                        <!-- Link navigation -->
                        <ul id="navigation">
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="index_1.jsp">首页</a>
<!--                                <ul>
                                    <li class="menu__nav-item"><a href="movie-page-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-page-left.html">Single movie (rigth sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="movie-page-right.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-page-right.html">Single movie (left sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="movie-page-full.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-page-full.html">Single movie (full widht)</a></li>
                                    <li class="menu__nav-item"><a href="movie-list-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-list-left.html">Movies list (rigth sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="movie-list-right.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-list-right.html">Movies list (left sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="movie-list-full.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-list-full.html">Movies list (full widht)</a></li>
                                    <li class="menu__nav-item"><a href="single-cinema.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/single-cinema.html">Single cinema</a></li>
                                    <li class="menu__nav-item"><a href="cinema-list.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/cinema-list.html">Cinemas list</a></li>
                                    <li class="menu__nav-item"><a href="trailer.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/trailer.html">Trailers</a></li>
                                    <li class="menu__nav-item"><a href="rates-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/rates-left.html">Rates (rigth sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="rates-right.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/rates-right.html">Rates (left sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="rates-full.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/rates-full.html">Rates (full widht)</a></li>
                                    <li class="menu__nav-item"><a href="offers.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/offers.html">Offers</a></li>
                                    <li class="menu__nav-item"><a href="contact.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/contact.html">Contact us</a></li>
                                    <li class="menu__nav-item"><a href="404.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/404.html">404 error</a></li>
                                    <li class="menu__nav-item"><a href="coming-soon.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/coming-soon.html">Coming soon</a></li>
                                    <li class="menu__nav-item"><a href="login.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/login.html">Login/Registration</a></li>
                                </ul>-->
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="page-elements.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/page-elements.html">特征</a>
<!--                                <ul>
                                    <li class="menu__nav-item"><a href="typography.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/typography.html">Typography</a></li>
                                    <li class="menu__nav-item"><a href="page-elements.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/page-elements.html">Shortcodes</a></li>
                                    <li class="menu__nav-item"><a href="column.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/column.html">Columns</a></li>
                                    <li class="menu__nav-item"><a href="icon-font.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/icon-font.html">Icons</a></li>
                                </ul>-->
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="page-elements.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/page-elements.html">步骤</a>
<!--                                <ul>
                                    <li class="menu__nav-item"><a href="book1.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/book1.html">Booking step 1</a></li>
                                    <li class="menu__nav-item"><a href="book2.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/book2.html">Booking step 2</a></li>
                                    <li class="menu__nav-item"><a href="book3-buy.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/book3-buy.html">Booking step 3 (buy)</a></li>
                                    <li class="menu__nav-item"><a href="book3-reserve.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/book3-reserve.html">Booking step 3 (reserve)</a></li>
                                    <li class="menu__nav-item"><a href="book-final.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/book-final.html">Final ticket view</a></li>
                                </ul>-->
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="sajoi" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/gallery-four.html">日志</a>
                                <ul>
                                    <li class="menu__nav-item"><a href="sajoi" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/gallery-four.html">日志广场</a></li>
                                    <li class="menu__nav-item"><a href="smjoi" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/gallery-three.html">我的日志</a></li>
                                    <li class="menu__nav-item"><a href="journalIndex3.jsp" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/gallery-two.html">发布日志</a></li>
                                </ul>
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="news-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/news-left.html">资讯</a>
<!--                                <ul>
                                    <li class="menu__nav-item"><a href="news-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/news-left.html">News (rigth sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="news-right.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/news-right.html">News (left sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="news-full.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/news-full.html">News (full widht)</a></li>
                                    <li class="menu__nav-item"><a href="single-page-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/single-page-left.html">Single post (rigth sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="single-page-right.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/single-page-right.html">Single post (left sidebar)</a></li>
                                    <li class="menu__nav-item"><a href="single-page-full.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/single-page-full.html">Single post (full widht)</a></li>
                                </ul>-->
                            </li>
                            <li>
                                <span class="sub-nav-toggle plus"></span>
                                <a href="#">菜单</a>
<!--                                <ul class="mega-menu container">
                                    <li class="col-md-3 mega-menu__coloum">
                                        <h4 class="mega-menu__heading">Now in the cinema</h4>
                                        <ul class="mega-menu__list">
                                            <li class="mega-menu__nav-item"><a href="#">The Counselor</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Bad Grandpa</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Blue Is the Warmest Color</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Capital</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Spinning Plates</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Bastards</a></li>
                                        </ul>
                                    </li>

                                    <li class="col-md-3 mega-menu__coloum mega-menu__coloum--outheading">
                                        <ul class="mega-menu__list">
                                            <li class="mega-menu__nav-item"><a href="#">Gravity</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Captain Phillips</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Carrie</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Cloudy with a Chance of Meatballs 2</a></li>
                                        </ul>
                                    </li>

                                    <li class="col-md-3 mega-menu__coloum">
                                        <h4 class="mega-menu__heading">Ending soon</h4>
                                        <ul class="mega-menu__list">
                                            <li class="mega-menu__nav-item"><a href="#">Escape Plan</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Rush</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Prisoners</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Enough Said</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">The Fifth Estate</a></li>
                                            <li class="mega-menu__nav-item"><a href="#">Runner Runner</a></li>
                                        </ul>
                                    </li>

                                    <li class="col-md-3 mega-menu__coloum mega-menu__coloum--outheading">
                                        <ul class="mega-menu__list">
                                            <li class="mega-menu__nav-item"><a href="#">Insidious: Chapter 2</a></li>
                                        </ul>
                                    </li>
                                </ul>-->
                            </li>
                        </ul>
                    </nav>

                    <!-- Additional header buttons / Auth and direct link to booking-->

                     <div class="control-panel">
                        <a href="${user==null?'#':'profile.jsp'}" class="btn btn--sign"> <image href="pages/profile.jsp" src="images/${user!=null? user.getUicon():'default.jpg'}" style="
                                                                            width: 55px;
                                                                            padding-right: 20px;
                                                                            /* float: left; */
                                                                            "/>${user.getUname()}</a>
                        <a id="reset" href="userLog.jsp" class="btn btn--sign">重新登录</a>
                        <c:if test="${sessionScope.admin!=null}">
                            <a href="bu.jsp" class="btn btn-md btn--warning btn--book">内容管理</a>
                        </c:if>
                    </div>



                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"  style="height: 300px;">
<!--                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">广场<span class="sr-only">(current)</span></a></li>
                    <li><a href="smjoi">我的</a></li>
                    <li><a href="journalIndex3.jsp">发布</a></li>
                </ul>-->
                <form class="navbar-form navbar-left" action="sjbks">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <div class="form-group">
                        <input name="keyword" type="text" class="form-control" placeholder="输入你想查询的日志标题关键词">
                    </div>
                    <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>                   
                </form>
                <p class="navbar-text">Or</p>
                <form class="navbar-form navbar-left" action="sjbis">
                    <div class="form-group">
                       <input name="keyword2" type="text" class="form-control" placeholder="输入你想查询的ID">
                    </div>
                    <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                </form>
          </div>  
            </header>
                               
        <div class="container" id="part0" >
        <br>
<!--            <div class="container" id="part1">               
                <h3>选择你想搜索的内容</h3>
                <form action="sjbks" class="form-inline">
                    <input  style="width:43%" type="text" id="input_wd" name="keyword" class="form-control focus" placeholder="输入你想查询的日志标题关键词">
                    <button type="submit" class="btn btn-info"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                </form><br>
                <form action="sjbis" class="form-inline">
                    <input style="width:43%" type="text" id="input_wd2" name="keyword2" class="form-control focus" placeholder="输入你想查询的ID">
                    <button type="submit" class="btn btn-info"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                   <br>
                    <br>
                </form>
            </div>
            <br>-->
<!--            <div class="container" id="part2">
                <h3>有什么新鲜事想告诉大家？</h3>
            <br>
            <input type="text" id="title" placeholder="输入日志标题" class="form-control">
            <br>
            <div id="div1" class="toolbar">
            </div>
            <div style="padding: 5px 0; color: #ccc"></div>
            <div id="div2" class="text"> 可使用 min-height 实现编辑区域自动增加高度
                
            </div>

            <script type="text/javascript">
                var E = window.wangEditor;
                var editor = new E('#div1', '#div2');  // 两个参数也可以传入 elem 对象，class 选择器

                editor.customConfig.uploadImgServer = 'uploadServlet';  // 上传图片到服务器
                editor.customConfig.uploadImgTimeout = 15000;

                editor.create();
            </script>
            <br>
            <div class="text-right">
                <button id="btn_pub" type="button" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-check" aria-hidden="true"></span>发布</button>              
            </div>
            <br>
            
        </div>
            <br>-->
        <div class="container some-list wrapper" id="part3">
            <h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日志广场</h3>
            <c:forEach items="${ajoiList}" var="jon">
                <div class="padding10 item" style="border: 1px solid #B9C1CA" id="part5" >  
                 <blockquote>
                        <p><image class="img-circle" href="pages/profile.jsp" src="images/${jon.id}.jpg" style="width: 45px;"/>&nbsp;&nbsp;&nbsp;网友ID:${jon.id}</p>                  
                        <footer>${jon.pubtime}</footer>                          
                    </blockquote>
                   
                    <p class="lead">&nbsp;&nbsp;&nbsp;&nbsp; ${jon.title}</p> 
                      
                <div class="content">    
                    ${jon.content}
                </div>
                <br>
                
                <div class="btn-group pull-right" role="group" aria-label="..." style="">                    
<!--                    <button type="button" class="btn btn-default">重新编辑</button>
                    <button type="button" class="btn btn-default">删除</button>-->
<!--                    <button type="button" class="btn btn-default">Right</button>-->
<!--                    <a class="btn btn-default" href="#" role="button">评论</a>-->
                    <a class="btn btn-default" href="sods?jid=${jon.jid}"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>查看详情</a>
                    <a id="a_dz" class="btn btn-default" href="dzans?jid=${jon.jid}&id=${jon.id}" role="button"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>点赞</a>
                </div>
                <br>
                <br>
                           
            </div>
                <br>
            </c:forEach>
<!--                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                 
        </div>
        
             
        <br>
        </div>
                        
         <!--                        <iframe src="" class="mainiframe"  width="100%" height="600" frameborder="0" scrolling="auto" ></iframe> -->
                        <footer class="footer-wrapper footer-wrapper--mod">
                            <section class="container"> 
                                <div class="col-xs-4 col-md-2 footer-nav">
                                    <ul class="nav-link">
                                        <li><a href="#" class="nav-link__item">城市</a></li>
                                        <li><a href="movie-list-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/movie-list-left.html" class="nav-link__item">电影</a></li>
                                        <li><a href="trailer.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/trailer.html" class="nav-link__item">预告片</a></li>
                                        <li><a href="rates-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/rates-left.html" class="nav-link__item">费率</a></li>
                                    </ul>
                                </div>
                                <div class="col-xs-4 col-md-2 footer-nav">
                                    <ul class="nav-link">
                                        <li><a href="coming-soon.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/coming-soon.html" class="nav-link__item">速览</a></li>
                                        <li><a href="cinema-list.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/cinema-list.html" class="nav-link__item">电影院</a></li>
                                        <li><a href="offers.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/offers.html" class="nav-link__item">优惠</a></li>
                                        <li><a href="news-left.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/news-left.html" class="nav-link__item">新闻</a></li>
                                    </ul>
                                </div>
                                <div class="col-xs-4 col-md-2 footer-nav">
                                    <ul class="nav-link">
                                        <li><a href="#" class="nav-link__item">使用条款</a></li>
                                        <li><a href="gallery-four.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/gallery-four.html" class="nav-link__item">画廊</a></li>
                                        <li><a href="contact.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/contact.html" class="nav-link__item">联络人</a></li>
                                        <li><a href="page-elements.html" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/page-elements.html" class="nav-link__item">简介</a></li>
                                    </ul>
                                </div>
                                <div class="col-xs-12 col-md-6">
                                    <div class="footer-info">
                                        <p class="heading-special--small">A.Movie<br><span class="title-edition">在社交媒体中的电影</span></p>

                                        <div class="social">
                                            <a href='#' class="social__variant fa fa-facebook"></a>
                                            <a href='#' class="social__variant fa fa-twitter"></a>
                                            <a href='#' class="social__variant fa fa-vk"></a>
                                            <a href='#' class="social__variant fa fa-instagram"></a>
                                            <a href='#' class="social__variant fa fa-tumblr"></a>
                                            <a href='#' class="social__variant fa fa-pinterest"></a>
                                        </div>

                                        <div class="clearfix"></div>
                                        <p class="copy">&copy; A.Movie, 2020</p>
                                    </div>
                                </div>
                            </section>
                        </footer>

                        <!-- JavaScript-->
                        <!-- jQuery 1.9.1--> 
                        <script src="static/cdn.bootcss.com/jquery/1.10.1/jquery.min.js" tppabs="https://cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
                        <script>window.jQuery || document.write('<script src="js/external/jquery-1.10.1.min.js"/*tpa=http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/external/jquery-1.10.1.min.js*/><\/script>')</script>
                        <!-- Migrate --> 
                        <script src="js/external/jquery-migrate-1.2.1.min.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/external/jquery-migrate-1.2.1.min.js"></script>
                        <!-- Bootstrap 3--> 
                        <script src="static/netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js" tppabs="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

                        <!-- Mobile menu -->
                        <script src="js/jquery.mobile.menu.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/jquery.mobile.menu.js"></script>
                        <!-- Select -->
                        <script src="js/external/jquery.selectbox-0.2.min.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/external/jquery.selectbox-0.2.min.js"></script>
                        <!-- Form element -->
                        <script src="js/external/form-element.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/external/form-element.js"></script>
                        <!-- Form validation -->
                        <script src="js/form.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/form.js"></script>

                        <!-- Custom -->
                        <script src="js/custom.js" tppabs="http://demo.qfpffmp.cn/cssthemes3/mbts_6_amovie/js/custom.js"></script>

                        <script src="js/skrollr.min.js"></script>
                                          <script type="text/javascript">

                $("#reset").click(function () {

                    $.ajax({
                        url: "rss",
                        type: "POST",

                        success: function (rows) {

                            alert("退出成功正在跳转");


                        },
                        error: function () {
                            alert("请求处理出错，添加失败！");
                        }
                    });
                });
                skrollr.init();

                function changeFrameHeight() {
                    var ifm = document.getElementByClassName("mainiframe");
                    ifm.height = document.documentElement.clientHeight - 56;
                }
                window.onresize = function () {
                    changeFrameHeight();
                }
                $(function () {
                    changeFrameHeight();
                });


            </script>                 
                        
    </body>
</html>
